<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">

		<title>作品</title>
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.0.min.css">
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/fonts.css" />
	</head>
	<body>
		<!--页面头部导航-->
		<header id="header" class="horizontal header-horizontal">
			<div class="head">
				<div class="logo-container">
					<a href="index.html" class="logo image-logo" title="jinfuren"><img src="img/logo/lamourlogo_03.png" alt="jinfuren"></a>
				</div>
				<nav id="access" class="navigation-bar">
					<div class="menu-container loaded">
						<ul id="menu-main-menu" class="top-menu opener-icons-off">
							<li id="" class="menu-item">
								<a href="index.html"><span>Home</span><span>来慕主页 </span></a>
							</li>
							<li id="" class="menu-item menu-item-active">
								<a href="photographs.html"><span>Photographs</span><span>精美作品</span></a>
							</li>
							<li id="" class="menu-item">
								<a href="aboutus.html"><span>About Us</span><span>关于我们</span></a>
							</li>
							<li id="" class="menu-item">
								<a href="service.html"><span>Service</span><span>专业服务</span></a>
							</li>
							<li id="" class="menu-item">
								<a href="contactus.html"><span>Contact Us</span><span>联系我们</span></a>
							</li>
						</ul>
					</div>
				</nav>
				<div id="header-tools" class="icons-0 only-menu">
					<div id="mobile-menu-opener" class="icon-menu tool" title="Main menu"></div>
				</div>
				<div class="socials icons-only">
					<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=491622050&site=qq&menu=yes" class="qq"><i class="icon-qq"></i></a>
					<a class="wechat" onclick="$('.dim').addClass('dim-active');"><i class="icon-wechat"></i></a>
					<a target="_blank" href="http://weibo.com/qiein" class="weibo"><i class="icon-weibo"></i></a>
				</div>
			</div>
		</header>
		<!--内容部分-->
		<div class="content1">
			<ul class="category-filter">
				<li class="selected"><a class="all" href="#">所有</a></li>
				<li><a class="forestclass" href="#">森林婚礼</a></li>
				<li><a class="sujinclass" href="#">素锦·映象</a></li>
			</ul>
			<div class="clearfix" style="min-height: 790px;">
				<div class="pic-hot forest">
					<a class="avatar">
						<img src="img/works-1_07.jpg" />
					</a>
					<div class="cover">
						<figcaption>
							<div class="texts_group">
								<div class="album-categories">
									<a href="#">Model</a>
									<a href="#">Slideshow</a>
								</div>
								<h2 class="post-title">Carousel & Thumbs</h2>
								<div class="excerpt">Fullscreen Slideshow</div>
							</div>
						</figcaption>
					</div>
				</div>
				<div class="pic-hot forest">
					<a class="avatar">
						<img src="img/works-1_08.jpg" />
					</a>
					<div class="cover">
						<figcaption>
							<div class="texts_group">
								<div class="album-categories">
									<a href="#">Model</a>
									<a href="#">Slideshow</a>
								</div>
								<h2 class="post-title">Carousel & Thumbs</h2>
								<div class="excerpt">Fullscreen Slideshow</div>
							</div>
						</figcaption>
					</div>
				</div>
				<div class="pic-hot forest">
					<a class="avatar">
						<img src="img/works-1_09.jpg" />
					</a>
					<div class="cover">
						<figcaption>
							<div class="texts_group">
								<div class="album-categories">
									<a href="#">Model</a>
									<a href="#">Slideshow</a>
								</div>
								<h2 class="post-title">Carousel & Thumbs</h2>
								<div class="excerpt">Fullscreen Slideshow</div>
							</div>
						</figcaption>
					</div>
				</div>
				<div class="pic-hot sujin">
					<a class="avatar">
						<img src="img/works-1_12.jpg" />
					</a>
					<div class="cover">
						<figcaption>
							<div class="texts_group">
								<div class="album-categories">
									<a href="#">Model</a>
									<a href="#">Slideshow</a>
								</div>
								<h2 class="post-title">Carousel & Thumbs</h2>
								<div class="excerpt">Fullscreen Slideshow</div>
							</div>
						</figcaption>
					</div>
				</div>
				<div class="pic-hot forest">
					<a class="avatar">
						<img src="img/works-1_13.jpg" />
					</a>
					<div class="cover">
						<figcaption>
							<div class="texts_group">
								<div class="album-categories">
									<a href="#">Model</a>
									<a href="#">Slideshow</a>
								</div>
								<h2 class="post-title">Carousel & Thumbs</h2>
								<div class="excerpt">Fullscreen Slideshow</div>
							</div>
						</figcaption>
					</div>
				</div>
				<div class="pic-hot sujin">
					<a class="avatar">
						<img src="img/works-1_14.jpg" />
					</a>
					<div class="cover">
						<figcaption>
							<div class="texts_group">
								<div class="album-categories">
									<a href="#">Model</a>
									<a href="#">Slideshow</a>
								</div>
								<h2 class="post-title">Carousel & Thumbs</h2>
								<div class="excerpt">Fullscreen Slideshow</div>
							</div>
						</figcaption>
					</div>
				</div>
				<div class="pic-hot forest">
					<a class="avatar">
						<img src="img/works-1_17.jpg" />
					</a>
					<div class="cover">
						<figcaption>
							<div class="texts_group">
								<div class="album-categories">
									<a href="#">Model</a>
									<a href="#">Slideshow</a>
								</div>
								<h2 class="post-title">Carousel & Thumbs</h2>
								<div class="excerpt">Fullscreen Slideshow</div>
							</div>
						</figcaption>
					</div>
				</div>
				<div class="pic-hot sujin">
					<a class="avatar">
						<img src="img/works-1_18.jpg" />
					</a>
					<div class="cover">
						<figcaption>
							<div class="texts_group">
								<div class="album-categories">
									<a href="#">Model</a>
									<a href="#">Slideshow</a>
								</div>
								<h2 class="post-title">Carousel & Thumbs</h2>
								<div class="excerpt">Fullscreen Slideshow</div>
							</div>
						</figcaption>
					</div>
				</div>
				<div class="pic-hot forest">
					<a class="avatar">
						<img src="img/works-1_19.jpg" />
					</a>
					<div class="cover">
						<figcaption>
							<div class="texts_group">
								<div class="album-categories">
									<a href="#">Model</a>
									<a href="#">Slideshow</a>
								</div>
								<h2 class="post-title">Carousel & Thumbs</h2>
								<div class="excerpt">Fullscreen Slideshow</div>
							</div>
						</figcaption>
					</div>
				</div>
			</div>
		</div>
		<!--页面页脚部分-->
		<footer id="footer" class="to-move centered full no-move">
			<div class="foot-items">
				<div class="foot-content">
					<div class="foot-text"> © 2009-2017版权所有 · 杭州良缘摄影有限公司 </div>
				</div>
			</div>
		</footer>
		<div class="dim">
			<div class="weixin no-move">
				<span>
				<img src="img/wx_qr.jpg" alt="官方微信">
				<h2>
					<p>使用微信扫码关注官方微信号</p>
				</h2>
				</span>
			</div>
			<div class="dim_bg" onclick="$('.dim').removeClass('dim-active');"></div>
		</div>
	<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script type="text/javascript" src="js/main.js" ></script>
	</body>
</html>
